<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/common/plantillaPrincipal.xhtml">

	<ui:define name="title">Nueva Tesis</ui:define>
	<ui:define name="cuerpo">
		<h:form id="frmNuevaTesis" enctype="multipart/form-data">
			<p:layout style="width:99%;height:550px;" id="layout">
				<p:layoutUnit position="north" header="Codigo de la tesis"
					style="font-size:14px">
					<h:panelGrid id="Separador" columns="3">
						<h:panelGrid id="pnlCodigo" columns="3">
							<h:outputLabel value="Codigo:" />
							<h:outputText value="#{nuevaTesis.objTesisService.objTesis.id}"
								id="txtCodigo" />
							<h:commandButton id="btnGenerar" value="Generar Codigo">
								<f:ajax listener="#{nuevaTesis.objTesisService.GenerarCodigo}"
									render="pnlCodigo" />
							</h:commandButton>
						</h:panelGrid>
						<h:panelGrid columns="2">
							<h:outputText value="" />
							<h:outputText value="" />
						</h:panelGrid>
						<h:panelGrid id="btnsAccion" columns="2">
							<p:commandLink title="Guardar" ajax="true"
								update=":frmNuevaTesis"
								actionListener="#{nuevaTesis.CrearNuevaTesis}">
								<h:outputText value="Guardar" />
							</p:commandLink>
							<h:commandButton value="Cancelar" type="Reset" />
						</h:panelGrid>
					</h:panelGrid>
				</p:layoutUnit>
				<p:layoutUnit position="west" header="Lineas de Investigacion"
					style="font-size:14px" size="35%">
					<h:panelGrid columns="2" border="0">
						<h:outputLabel value="Linea:" />
						<p:selectOneMenu id="selectLinea"
							value="#{nuevaTesis.objTesisService.objLineaInvestigacion.id}"
							effect="fade" required="true"
							requiredMessage="Debe Escoger un tipo de tesis">
							<f:selectItem itemLabel="Seleccionar Una" itemValue="" />
							<f:selectItems
								value="#{nuevaTesis.objTesisService.arrLineaInvestigacion}"
								var="linea" itemLabel="#{linea.descripcion}"
								itemValue="#{linea.id}" />
						</p:selectOneMenu>
					</h:panelGrid>
				</p:layoutUnit>
				<p:layoutUnit position="center" header="Datos de la tesis"
					style="font-size:14px">
					<h:panelGrid columns="2" border="0">
						<h:outputLabel value="Tipo de Tesis:" />
						<p:selectOneMenu id="selectoen"
							value="#{nuevaTesis.objTesisService.objTesis.tipo}" effect="fade">
							<f:selectItem itemLabel="Seleccionar Una" itemValue="" />
							<f:selectItem itemValue="Grupal" itemLabel="Grupal" />
							<f:selectItem itemValue="Individual" itemLabel="Individual" />
						</p:selectOneMenu>
						<h:outputLabel value="Codigo de tesista 1:" />
						<h:inputText value="#{nuevaTesis.objTesisService.sAlumnoId1}"
							required="true"
							requiredMessage="Debe ingresar el codigo del tesista" />
						<h:outputLabel value="Codigo de tesista 2:" />
						<h:inputText value="#{nuevaTesis.objTesisService.sAlumnoId2}"
							required="false" />
						<h:outputLabel value="Tema de la tesis:" />
						<h:inputText value="#{nuevaTesis.objTesisService.objTesis.titulo}"
							required="true"
							requiredMessage="Debe ingresar el titulo de la tesis" />
						<h:outputLabel value="Resumen: " />
						<h:inputTextarea rows="5" cols="80"
							value="#{nuevaTesis.objTesisService.objTesis.resumen}"
							required="true"
							requiredMessage="Debe ingresar una sinopsis a tratar" />
						<h:outputLabel value="Documento:" />
						<p:fileUpload id="fileUpload" mode="simple" required="false"
							sizeLimit="10000000" allowTypes="*.pdf"
							value="#{nuevaTesis.file}" />
					</h:panelGrid>
				</p:layoutUnit>
				<p:layoutUnit position="south"
					header="Asignacion de Tags de busqueda" style="font-size:14px">
					<h:panelGrid id="panelTags" columns="2" border="0">
						<h:panelGrid columns="3" border="0">
							<h:outputLabel value="Tags de busqueda: " />
							<h:inputText value="#{nuevaTesis.tag}" />
							<p:commandLink title="Agregar" ajax="true" update="panelTags"
								actionListener="#{nuevaTesis.AgregarTag}">
								<h:outputText value="Agregar" />
							</p:commandLink>
						</h:panelGrid>
						<p:tagCloud model="#{nuevaTesis.model}">
							<p:ajax event="select" update="panelTags"
								listener="#{nuevaTesis.onSelect}" />
						</p:tagCloud>
					</h:panelGrid>
				</p:layoutUnit>
			</p:layout>
		</h:form>
	</ui:define>
	<ui:define name="izquierda">
		<p:panelMenu style="width:250px;font-size: small">
			<p:submenu label="Mantenimiento de Tesis">
				<p:menuitem value="Nueva Tesis"
					url="http://www.primefaces.org/showcase-labs/ui/home.jsf" />
				<p:menuitem value="Buscar Tesis"
					url="http://www.primefaces.org/documentation.html" />
			</p:submenu>
			<p:submenu label="Mantenimiento de Asesores">
				<p:menuitem value="Nuevo Asesor" url="http://forum.primefaces.org/" />
				<p:menuitem value="Buscar Asesor"
					url="http://www.primefaces.org/themes.html" />
			</p:submenu>
			<p:submenu label="Salir">
				<p:menuitem value="Asesor" url="/" />
			</p:submenu>
		</p:panelMenu>
	</ui:define>
</ui:composition>